<?php
/**
 * Test merge
 */
session_start();

$row = rand(1, 6);
$column = rand(1, 4);
$_SESSION['tan'] = array(
    'row' => $row,
    'column' => $column
);
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>Login using tan tables</title>
        <link href="css/main.css" type="text/css" media="screen, projection"
              rel="stylesheet" />
    </head>
    <body>
        <div id="wrapper">
            <div id="message" style="display: none;">
            </div>
            <div id="waiting" style="display: none;">
                Please wait<br />
                <img src="images/ajax-loader.gif" title="Loader"
                     alt="Loader" />
            </div>
            <form method="post" id="loginForm">
                <fieldset>
                    <legend>login form</legend>
                    <span style="font-size: 0.9em;">Please insert your
                    credidentials.</span>
                    <p>
                        <label for="email">E-Mail:</label>
                        <input type="text" name="email" class="inputText"
                               id="email" value="" />
                    </p>
                    <p>
                        <label for="password">Password:</label>
                        <input type="password" name="password"
                               class="inputText" id="password" value="" />
                    </p>
                    <p>
                        <label for="tan">
                            Tan code (row: <span id="tanRow">
                                <?php echo $row; ?>
                            </span>, column: <span id="tanColumn">
                                <?php echo $column; ?>
                            </span>):
                        </label>
                        <input type="tan" name="tan" class="inputText"
                               id="tan" value="" />
                    </p>
                    <p>
                        <input type="submit" name="submit" id="submit"
                               style="float: right; clear: both; margin-right:
                               3px;" value="Submit" />
                    </p>
                </fieldset>
            </form>
        </div>
        <script type="text/javascript" src="js/jquery/jquery-1.4.js">
        </script>
        <script type="text/javascript" src="js/userLogin.js"></script>
    </body>
</html>
